<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1, maximum-scale=1, user-scalable=no">
  {include file='public/main'}
  <link rel="stylesheet" href="/css/clas.css">
  <title>我的班级</title>
</head>

<body>

  <div id="app" >
    <el-container>
      {include file='public/header'}
      <el-container>
        <el-aside style="width: 300px;">
          <el-menu :default-active="default_menu" class="el-menu-vertical-demo" @select="handleSelect">
            {foreach $list as $index => $value}
            {if $index == 'submenu'}
            {foreach $list['submenu'] as $k => $value}
            <el-submenu index="{$value['index']}">
              <template slot="title">
                <i class="el-icon-location"></i>
                <span>{$value['title']}</span>
              </template>
              {if !empty($value['item'])}
              {foreach $value['item'] as $key => $itemvalue}
              <el-menu-item index="{$itemvalue['index']}">{$itemvalue['content']}</el-menu-item>
              {/foreach}
              {else/}
              {/if}
            </el-submenu>
            {/foreach}
            {else/}
            {foreach $list['item'] as $key => $value}
            <el-menu-item index="{$value['index']}">
              <i class="{$value['icon']}"></i>
              <span>{$value['content']}</span>
            </el-menu-item>
            {/foreach}
            {/if}
            {/foreach}
          </el-menu>
        </el-aside>
        <el-main>
          {if $menu == '1-1'}
          {include file='public/positem'}
          {elseif $menu == '1-2'}
          {include file='mate/index'}
          {/if}
        </el-main>
      </el-container>
    </el-container>
  </div>
  
  <script src="/js/clas.js"></script>
</body>

</html>